<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%
	String path = request.getContextPath() + "/";
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path;
%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<meta charset="UTF-8">
<title>XSD-朗读吧</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/w_common.css">
<script src="js/jquery-1.9.1.js"></script>
<link rel="stylesheet" href="css/zy.media.min.css">

<style>
</style>
<script>
	(function() {
		var html = document.documentElement;
		var hWidth = html.getBoundingClientRect().width;
		html.style.fontSize = hWidth / 15 + "px";
	})()
</script>
</head>
<body>
	<div class="header">
		<div class="readerInfo">
			<img src="img/man.png" alt="">
			<div></div>
			<p class="p1">
				姓名：<span>${read.name }</span>
			</p>
			<p class="p2">
				阅读标题：<span>${read.title }</span>
			</p>
		</div>
	</div>

	<div class="main">
		<!--视频-->
		<div class="playvideo">
			<div class="zy_media" style="height: 200px;">
				<video
					poster=""
					data-config='{"mediaTitle": "${read.title }"}'> <source
					src="${read.url }"
					type="video/mp4"> 您的浏览器不支持HTML5视频 </video>

			</div>
		</div>
		</div>
		
		<div style="width:400px;float:left;">
		<!--视频结束-->
		<div class="lookTime" >
		
			<p>
				围观次数: <span>${read.watchtimes }</span>
			</p>
		
		</div>
			
		<div class="lookTime_logo" style="width:130px;float:left;">
		
		<img style="width:60px;height:60px;margin-top: 7px" alt="" src="img/xsdlogo_shu.png">
		</div>
		</div>
	
	<script src="js/zy.media.min.js"></script>
	<script>
		$(function() {
			zymedia('video', {
				autoplay : true
			});
		});
	</script>
</body>
</html>